<#include "header.html">


<div class="container">
    <div class="section">
        <div class="row">
            <div class="col s12 l9">
                <div class="card hoverable">

                    <div class="card-action">
                        <a>帖子</a>
                    </div>

                    <ul class="collection">
                        <#list posts as vo>

                            <li class="collection-item avatar">
                                <a href="/user/${vo.user.id}"><img src="${vo.user.headUrl}" alt="" class="circle"></a>


                                <a href="/post/${vo.post.id}"><span class="tile truncate">${vo.post.title} </span></a>
                                <p class="truncate">${vo.post.content}</p>

                                <p class=""><a href="/user/${vo.user.id}">${vo.user.name}</a>  <span class="thin">创建于 ${vo.post.createdDate?datetime}</span> </p>



                            </li>



                        </#list>



                    </ul>




<!--                    <div class="card-content">-->
<!--                        &lt;!&ndash; 分页 &ndash;&gt;-->
<!--                        <ul class="pagination center">-->
<!--                            <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>-->
<!--                            <li class="active"><a href="#!">1</a></li>-->
<!--                            <li class="waves-effect"><a href="#!">2</a></li>-->
<!--                            <li class="waves-effect"><a href="#!">3</a></li>-->
<!--                            <li class="waves-effect"><a href="#!">4</a></li>-->
<!--                            <li class="waves-effect"><a href="#!">5</a></li>-->
<!--                            <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>-->
<!--                        </ul>-->

<!--                    </div>-->
                </div>
            </div>


    <div class="col s12 l3">
        <div class="card hoverable">

            <div class="card-action">
                <a>动态</a>
            </div>



            <ul class="collection">
                <#list feeds as vo>
                <#if vo.type == 1>
                <li class="collection-item avatar">
                    <#assign test = vo.data>
                    <#assign f = test?eval>
                    <a href="/user/${f.userId}"><img src="${f.userHead}" alt="" class="circle"></a>

                    <p class=""><a href="/user/${f.userId}">${f.userName}</a>   </p>
                    <p class="">评论 <a href="/post/${f.postId}">${f.postTitle} </a>
                    </p>


                </li>
            </#if>
            <#if vo.type == 4>
            <li class="collection-item avatar">
                <#assign test = vo.data>
                <#assign f = test?eval>
                <a href="/user/${f.userId}"><img src="${f.userHead}" alt="" class="circle"></a>

                <p class=""><a href="/user/${f.userId}">${f.userName}</a>   </p>
                <p class="">关注 <a href="/user/${f.toUserId}">${f.toUserName}</a>
                </p>


            </li>
        </#if>



    </#list>



    </ul>




<!--    <div class="card-content">-->
<!--        &lt;!&ndash; 分页 &ndash;&gt;-->
<!--        <ul class="pagination center">-->
<!--            <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>-->
<!--            <li class="active"><a href="#!">1</a></li>-->
<!--            <li class="waves-effect"><a href="#!">2</a></li>-->
<!--            <li class="waves-effect"><a href="#!">3</a></li>-->
<!--            <li class="waves-effect"><a href="#!">4</a></li>-->
<!--            <li class="waves-effect"><a href="#!">5</a></li>-->
<!--            <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>-->
<!--        </ul>-->

<!--    </div>-->
</div>


</div>



        </div>







    </div>

</div>


<#include "footer.html">